<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Qyuki- Create, Connect, Monetize</title>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1"/>
        <meta name="description" content="India's first elite creator network created by Shekhar Kapur, AR Rahman & Samir Bangara. It's time to create, connect, monetize."/>
        <meta name="keywords" content=""/>
        <meta name="author" content=""/>
        <meta charset="utf-8"/>
        
        <!-- fav icon -->
        <link rel="icon" href="/favicon.ico" type="image/x-icon"/>
		
		<!-- fonts -->
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,800,700,300' rel='stylesheet' type='text/css' />
		
        <!-- styles -->
        <link href="/css/bootstrap-v3_1_1.css" rel="stylesheet"/>
        <link href="/css/style.css" rel="stylesheet"/>
        
        <!-- scripts -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="/js/bootstrap.js"></script>
    </head>
    <body>
    	<div class="qk-nav">
    		<div class="clearfix">
    			<div class="pull-left">
    				asdsadsa
    			</div>
    			<div class="pull-right">
    				asdsadsa
    			</div>
    		</div>
    	</div><!-- qk-nav -->
    	
    	<div class="banner-div">
    		<div id="carousel-banner" class="carousel slide" data-ride="carousel">
				
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#carousel-banner" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-banner" data-slide-to="1"></li>
					<li data-target="#carousel-banner" data-slide-to="2"></li>
				</ol>
				
				<!-- Wrapper for slides -->
				<div class="carousel-inner">
					<div class="item active">
						<img class="w100p" src="/images/create-bg.png" alt="..." />
						<div class="carousel-caption">
							<div class="big-txt">Create</div>
							<div class="small-txt">Awesome production facilities where you can create kickass music & videos.</div>
							<div class=""><a class="btn-green" href="javascript:;">Apply</a></div>
						</div>
						
					</div>
				    <div class="item">
						<img class="w100p" src="/images/create-bg.png" alt="..." />
						<div class="carousel-caption">
							<div class="big-txt">Create</div>
							<div class="small-txt">Awesome production facilities where you can create kickass music & videos.</div>
							<div class=""><a class="btn-green" href="javascript:;">Apply</a></div>
						</div>
					</div>
					<div class="item">
						<img class="w100p" src="/images/create-bg.png" alt="..." />
						<div class="carousel-caption">
							<div class="big-txt">Create</div>
							<div class="small-txt">Awesome production facilities where you can create kickass music & videos.</div>
							<div class=""><a class="btn-green" href="javascript:;">Apply</a></div>
						</div>
					</div>
				</div>
			</div>
			
			<a class="pull-down-btn" href="javascript:;"><i class="icon-arrow-down"></i></a>
    	</div><!-- /.banner-div -->
    	
    	<div class="featured-channels relative">
    		<div class="section-label">FEATURED CHANNELS</div>
    		
        	<div id="carousel-featured-channels" class="carousel slide" data-ride="carousel">
				
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#carousel-featured-channels" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-featured-channels" data-slide-to="1"></li>
					<li data-target="#carousel-featured-channels" data-slide-to="2"></li>
				</ol>
				
				<!-- Wrapper for slides -->
				<div class="carousel-inner">
					<div class="item active">
						<img class="w100p" src="/images/featured-channels-bg.png" alt="..." />
						<div class="item-desc">
							<div class="big-txt">The Boss Dialogues</div>
							<div class="by">by Qyuki</div>
							<div class="small-txt">The Boss Dialogues is India's first internet-only chat show that brings movie buffs and film icons face-to-face, once every month. You can be a part of these sessions from any corner of the world.</div>
							<div class=""><a class="btn-transparent" href="javascript:;">Play</a></div>
						</div>
						
					</div>
				    <div class="item">
						<img class="w100p" src="/images/featured-channels-bg.png" alt="..." />
						<div class="item-desc">
							<div class="big-txt">The Boss Dialogues</div>
							<div class="by">by Qyuki</div>
							<div class="small-txt">The Boss Dialogues is India's first internet-only chat show that brings movie buffs and film icons face-to-face, once every month. You can be a part of these sessions from any corner of the world.</div>
							<div class=""><a class="btn-transparent" href="javascript:;">Play</a></div>
						</div>
					</div>
					<div class="item">
						<img class="w100p" src="/images/featured-channels-bg.png" alt="..." />
						<div class="item-desc">
							<div class="big-txt">The Boss Dialogues</div>
							<div class="by">by Qyuki</div>
							<div class="small-txt">The Boss Dialogues is India's first internet-only chat show that brings movie buffs and film icons face-to-face, once every month. You can be a part of these sessions from any corner of the world.</div>
							<div class=""><a class="btn-transparent" href="javascript:;">Play</a></div>
						</div>
					</div>
				</div>
			</div>
			
			<a class="pull-down-btn" href="javascript:;"><i class="icon-arrow-down"></i></a>
    	</div><!-- /.featured-channels -->
    	
    	<div class="featured-artist relative">
    		<div class="section-label">FEATURED ARTISTS</div>
    		
        	<div id="carousel-featured-artist" class="carousel slide" data-ride="carousel">
				
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#carousel-featured-artist" data-slide-to="0" class="active">
						<img src="/images/carousel1.png"></img>
						<div class="name">A. R. Rehman</div>
					</li>
					<li data-target="#carousel-featured-artist" data-slide-to="1">
						<img src="/images/carousel1.png"></img>
						<div class="name">A. R. Rehman</div>
					</li>
					<li data-target="#carousel-featured-artist" data-slide-to="2">
						<img src="/images/carousel1.png"></img>
						<div class="name">A. R. Rehman</div>
					</li>
				</ol>
				
				<!-- Wrapper for slides -->
				<div class="carousel-inner">
					<div class="item active">
						<img class="w100p" src="/images/featured-artist.png" alt="..." />
						<div class="item-desc">
							<div class="qrow">
								<div class="qcol zero">
									<img src="/images/carousel1.png"></img>
								</div>
								<div class="qcol">
									<div class="big-txt">A. R. Rahman</div>
									<div class="small-txt">Allah-Rakha Rahman is an Indian composer, singer-songwriter, music producer, musician, multi-instrumentalist and philanthropist.</div>
									<div class=""><a class="btn-transparent" href="javascript:;">View</a></div>
								</div>
							</div>
						</div>
						
					</div>
				    <div class="item">
						<img class="w100p" src="/images/featured-artist.png" alt="..." />
						<div class="item-desc">
							<div class="qrow">
								<div class="qcol zero">
									<img src="/images/carousel1.png"></img>
								</div>
								<div class="qcol">
									<div class="big-txt">A. R. Rahman</div>
									<div class="small-txt">Allah-Rakha Rahman is an Indian composer, singer-songwriter, music producer, musician, multi-instrumentalist and philanthropist.</div>
									<div class=""><a class="btn-transparent" href="javascript:;">View</a></div>
								</div>
							</div>
						</div>
					</div>
					<div class="item">
						<img class="w100p" src="/images/featured-artist.png" alt="..." />
						<div class="item-desc">
							<div class="qrow">
								<div class="qcol zero">
									<img src="/images/carousel1.png"></img>
								</div>
								<div class="qcol">
									<div class="big-txt">A. R. Rahman</div>
									<div class="small-txt">Allah-Rakha Rahman is an Indian composer, singer-songwriter, music producer, musician, multi-instrumentalist and philanthropist.</div>
									<div class=""><a class="btn-transparent" href="javascript:;">View</a></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<a class="pull-down-btn" href="javascript:;"><i class="icon-arrow-down"></i></a>
    	</div><!-- /.featured-artist -->
    	
    	<div class="featured-work relative">
    		<div class="section-label">FEATURED WORK</div>
    		<div class="video-sec">
	    		<div class="row video-sec">
	    			<div class="col-xs-6">
	    				<div class="pad-r-15">
	    					<div class="video-responsive">
		    					<object width="560" height="315"><param name="movie" value="//www.youtube.com/v/vNoKguSdy4Y?version=3&amp;hl=en_GB&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/vNoKguSdy4Y?version=3&amp;hl=en_GB&amp;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
		    				</div>
		    				
		    				<div class="video-desc clearfix">
		    					<div class="row">
		    						<div class="col-xs-10">
		    							<div class="title">Warlord</div>
		    							<div class="by">by Shekhar Kapur</div>
		    						</div>
		    						<div class="col-xs-2">
		    							<i class="icon-heart"></i>8,700
		    						</div>
		    					</div>
		    				</div>
		    			</div>
	    			</div>
	    			<div class="col-xs-3">
	    				<a href="javascript:;" class="video-clickable">
	    					<img class="img-responsive" src="/images/300x184.png"></img>
	    				</a>
	    				<div class="video-desc clearfix">
	    					<div class="row">
	    						<div class="col-xs-8">
	    							<div class="title">Warlord</div>
	    							<div class="by">by Shekhar Kapur</div>
	    						</div>
	    						<div class="col-xs-4">
	    							<i class="icon-heart"></i>8,700
	    						</div>
	    					</div>
	    				</div>
	    			</div>
	    			<div class="col-xs-3">
	    				<a href="javascript:;" class="video-clickable">
	    					<img class="img-responsive" src="/images/300x184.png"></img>
	    				</a>
	    				<div class="video-desc clearfix">
	    					<div class="row">
	    						<div class="col-xs-8">
	    							<div class="title">Warlord</div>
	    							<div class="by">by Shekhar Kapur</div>
	    						</div>
	    						<div class="col-xs-4">
	    							<i class="icon-heart"></i>8,700
	    						</div>
	    					</div>
	    				</div>
	    			</div>
	    		</div>
	    	</div>
	    	
	    	<a class="pull-down-btn" href="javascript:;"><i class="icon-arrow-down"></i></a>
    	</div><!-- /.featured-work -->
    	
    	<div class="footer-links">
    		<a href="/terms/">TERMS</a>
    		<a href="/privacy/">PRIVACY</a>
    		<a href="/faqs/">HELP</a>
    		<a href="/report/">REPORT ABUSE</a>
    	</div><!-- /.footer-links -->
    	
    	<script src="/js/jquery.fitvids.js"></script>
    	<script>
		  $(document).ready(function(){
		    // Target your .container, .wrapper, .post, etc.
		    $(".video-responsive").fitVids();
		  });
		</script>
	</body>
</html>